<template>
  <div class="advertisement">
    <ul id="drag">
        <li>one</li>
        <li>one</li>
        <li>one</li>
        <li>one</li>
    </ul>
  </div>
</template>

<script setup>
import { onMounted } from "@vue/runtime-core";

onMounted(() => {
    $('ul#drag').click(function (e) {
            console.log(e)
        })
    })
</script>

<style lang="scss">
    .advertisement{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 50px;
        background: skyblue;
        >ul{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        
    }


</style>